.post-detail {
  flex: 1;
  .post {
    padding: 24px 32px;
  
    .post-title {
      font-size: 32px;
      text-align: center;
      padding: 24px;
    }
  
    .post-info {
      text-align: center;
      font-size: 12px;
      padding-bottom: 24px;
  
      .post-time {
        color: @dark-gray;
      }
  
      .post-tag {
        padding: 8px 16px;
      }
    }
  
    .post-content {
      a {
        color: @main-color;
        transition: all 0.3s;
        &:hover {
          color: @dark-main-color;
          border-bottom: 1px dotted @dark-main-color;
        }
      }
      img {
        display: block;
        box-shadow: 0 0 30px #eee;
        max-width: 94%;
        border-radius: 2px;
        margin: 24px auto;
      }
  
      p {
        line-height: 1.725;
        margin-bottom: 24px;
  
        code {
          padding: 0 3px;
          margin: 0 2px;
          background: rgba(195,195,195,0.41);
          font-size: 0.9em;
          border-radius: 2px;
          display: inline-block;
        }
      }
  
      pre {
        margin-bottom: 24px;
        code {
          font-size: 14px;
          font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Courier New', monospace;
          padding: 1em;
          border-radius: 5px;
          line-height: 1.375;
        }
      }

      blockquote {
        background: #f3f5f7;
        padding: 16px;
        border-left: 2px solid #006cff;
        margin-bottom: 16px;
        p {
          margin-bottom: 0;
        }
      }

      table {
        border-collapse: collapse;
        margin: 1rem 0;
        display: block;
        overflow-x: auto;
      }
      tr {
        border-top: 1px solid #dfe2e5;
      }
      td, th {
        border: 1px solid #dfe2e5;
        padding: .6em 1em;
      }
    
      ul, ol {
        padding-left: 24px;
        line-height: 1.725;
        margin-bottom: 16px;
      }

      h1, h2, h3, h4, h5, h6 {
        margin: 16px 0;
        font-weight: bold;
      }
      h1 {
        font-size: 24px;
      }
    }
  }
}


.next-post {
  text-align: center;
  padding: 24px 32px;
  .next {
    margin-bottom: 24px;
  }
  .post-title {
    font-size: 18px;
  }
}

#gitalk-container, #disqus_thread {
  padding: 24px 32px;
}

@media (max-width: 600px) {
  .post-detail {
    .post {
      padding: 16px;
      .post-title {
        font-size: 24px;
        padding: 16px 0;
      }
    }
  }
}